<%--
  Created by IntelliJ IDEA.
  User: TianyuChen
  Date: 2020/4/1
  Time: 13:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <script type="text/javascript">
        function abc(obj){
            $('#role_dialog').dialog({
                title: '分配权限',
                width: 500,
                height: 300,
                closed: false,
                cache: false,
                modal: true,
                href: 'page/sys/privilege.jsp',
                onLoad:function(){
                    /* $("#role_edit_form :text:eq(0)").val($("#role_table").datagrid("getSelected").name);
                    $("#role_edit_form :text:eq(1)").val($("#role_table").datagrid("getSelected").sort);
                    $("#role_edit_form :text:eq(2)").val($("#role_table").datagrid("getSelected").remark);
                    $("#role_edit_form :hidden:eq(0)").val($("#role_table").datagrid("getSelected").id); */
                    $("#privilege_form :hidden:eq(0)").val($(obj).parent().parent().siblings("[field='id']").children().eq(0).html());
                    $('#privilege_tree').tree({
                        url:'showPrivilege?rid='+$(obj).parent().parent().siblings("[field='id']").children().eq(0).html(),
                        checkbox:true
                    });
                }
            });
        }

        $('#role_table').datagrid({
            url:'showRole',  // 访问showRole，继承自main.jsp，在localhost:8080/easyui/路径下
            columns:[[
                {field:'id',title:'编号',width:100,hidden:true},
                {field:'name',title:'角色',width:100},
                {field:'sort',title:'排序id',width:100,align:'right'},
                {field:'remark',title:'备注',width:100,align:'right'},
                {field:'qwe',title:'操作',width:100,align:'right',
                    formatter: function(value,row,index){
                        return "<a href='javascript:void(0)' onclick='javascript:abc(this);return false;'>分配权限</a>";
                    }
                }

            ]],
            pagination:true, // 底部显示分页工具栏
            pageList:[2,4,6,8,10],  // 页面大小选择列表
            fitColumns:true,  // 自适应列宽
            rownumbers:true,  // 最左边显示行号列
            striped:true,  // 显示斑马线效果
            // singleSelect:true,  // 一次只能选中一行
            toolbar: [{  // 顶部工具栏的DataGrid面板
                iconCls: 'icon-add',
                text: '增加',
                handler: function(){alert('增加按钮')}
            },'-',{
                iconCls: 'icon-remove',
                text: '删除',
                handler: function(){alert('删除按钮')}
            },'-',{
                iconCls: 'icon-edit',
                text: '修改',
                handler: function(){
                    // 如果选中一行数据，则打开修改窗口
                    if($('#role_table').datagrid("getSelections").length==1){
                        $('#role_dialog').dialog({
                            title: '修改角色',
                            width: 400,
                            height: 200,
                            closed: false,
                            cache: false,
                            href: 'page/sys/role_edit.jsp',
                            modal: true,
                            onLoad:function(){
                                $("#role_edit_form :text:eq(0)").val($("#role_table").datagrid("getSelected").name);
                                $("#role_edit_form :text:eq(1)").val($("#role_table").datagrid("getSelected").sort);
                                $("#role_edit_form :text:eq(2)").val($("#role_table").datagrid("getSelected").remark);
                                $("#role_edit_form :hidden:eq(0)").val($("#role_table").datagrid("getSelected").id);
                            }
                        });
                    }else {
                        $.messager.alert('系统信息','请选择“一行”信息！');
                    }

                }
            }]

        });
    </script>

    <table id="role_table"></table>
    <div id="role_dialog">Dialog Content.</div>
</body>
</html>
